<template>
  <div class="Invoicing login">
    <div
      class="underline"
      style="width:120px;"
    >
      <span class="title1 color1 zIndex fontBold">资质申报</span>
    </div>
    <div class="login_content">
      <div class="content">
        <div class="login_field">
          <van-cell-group>
            <!-- <van-field
              v-model="form.name"
              center
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">企业名称</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field> -->
            <van-field
              v-model="form.demand"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">资质等级</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">资质报文时间</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">报文预警时间</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.demand"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">报文办结时间</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">办文结果</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">业务类型</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">原资质等级</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
            <van-field
              v-model="form.name"
              center
              is-link
            >
              <template #left-icon>
                <span class="content3 font400 color3 leftw">办理资质等级</span>
                <span class="line content3 font400 color3">|</span>
              </template>
            </van-field>
          </van-cell-group>
        </div>
      </div>
    </div>
  </div>
  <div class="fexd_footer">
    <div class="footer_btn flex align_center justify_between">
      <div
        class="font400 content3 color4"
        @click="back"
      >
        <svg
          class="icon"
          aria-hidden="true"
        >
          <use xlink:href="#icon-fanhui" />
        </svg>
        <p class="content2 font400 color3">
          返回
        </p>
      </div>
      <div
        @click="submit"
        class="agree font400 content3 color4"
      >
        确认
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
const router = useRouter()
const store = useStore()
const form: any = ref({
  demand: '',
  name: '',
  img: ''

})

const back = () => {
  if (store.state.from.path !== '/') {
    router.back()
  } else {
    router.replace('/')
  }
}

const submit = () => {
  router.push('/otherServices/information')
}

</script>

<style lang="less" scoped>
.Invoicing {
  padding: 0 30px 80px;
  margin-top: 40px;
  .login_content {
    margin-top: 20px;
    .login_field {
      margin-top: 20px;
    }
  }
  .leftw {
    width: 90px;
    display: inline-block;
  }
  .line {
    margin: 0 30px;
  }
  .setBnt {
    width: 98px;
    height: 30px;
    background: #12142e;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
  }
}
.fexd_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 2px rgba(22, 12, 6, 0.09);
  .footer_btn {
    padding: 0 30px;
    height: 100%;
    text-align: center;
    .agree {
      width: 242px;
      height: 44px;
      background: #ff7a1f;
      border-radius: 5px;
      text-align: center;
      line-height: 44px;
    }
    .icon {
      width: 23px;
      height: 23px;
      margin-bottom: 2px;
    }
  }
}
@media (min-width: 750px) {
  .Invoicing {
  padding: 0 30px 80px;
  margin-top: 40px;
  .login_content {
    margin-top: 20px;
    .login_field {
      margin-top: 20px;
    }
  }
  .leftw {
    width: 90px;
    display: inline-block;
  }
  .line {
    margin: 0 30px;
  }
  .setBnt {
    width: 98px;
    height: 30px;
    background: #12142e;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
  }
}
.fexd_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #fff;
  box-shadow: 0px 2px 12px 2px rgba(22, 12, 6, 0.09);
  .footer_btn {
    padding: 0 30px;
    height: 100%;
    text-align: center;
    .agree {
      width: 242px;
      height: 44px;
      background: #ff7a1f;
      border-radius: 5px;
      text-align: center;
      line-height: 44px;
    }
    .icon {
      width: 23px;
      height: 23px;
      margin-bottom: 2px;
    }
  }
}
}
</style>
